import { Button } from "../_client/Button";
import { Container } from "../_server/Container";

export default function Page() {
  return (
    <main>
      <h1 className="text-4xl">嵌入与包裹</h1>
      <ol>
        <li>
          直接嵌入
          &nbsp;
          <span className="text-red-500">
            onClick event handler!!!
          </span>
          <Container />
        </li>
        <li>
          作为 props.children 包裹
          <Container>
            <Button>包裹在 props.children</Button>
          </Container>
        </li>
      </ol>
    </main>
  )
}
